<template>
    <div>
        <el-row :gutter="10">
            <el-col :span="6"><el-card>
                    <Detail count="123360" title="总销售额">
                        <template slot="charts">
                            <span>周同比&nbsp;&nbsp;56.67% <svg t="1706966419340" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3704" width="16" height="16"><path d="M382.457831 641.542169m-382.457831 0a382.457831 382.457831 0 1 0 764.915663 0 382.457831 382.457831 0 1 0-764.915663 0Z" fill="#d81e06" p-id="3705"></path><path d="M259.084337 740.240964v49.349397h296.096386V542.843373h246.746988V296.096386h222.072289v-49.349398H752.578313v246.746988H505.831325v246.746988H259.084337z" fill="#d81e06" p-id="3706"></path><path d="M431.807229 0h222.072289v222.072289l-86.361446-98.698795-296.096385 296.096386-37.012048-37.012049L530.506024 86.361446z" fill="#d81e06" p-id="3707"></path></svg>       </span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <span>日同比&nbsp;&nbsp;19.96%&nbsp; <svg t="1706967212482" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4867" width="16" height="16"><path d="M886.4 736h-182.4c-19.2 0-32 12.8-32 32s12.8 32 32 32h224c35.2 0 64-28.8 64-64v-224c0-19.2-12.8-32-32-32s-32 12.8-32 32v172.8l-297.6-297.6c-6.4-6.4-16-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6l-204.8 204.8-294.4-294.4c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l316.8 316.8c6.4 6.4 16 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l204.8-204.8 278.4 281.6z" fill="#1afa29" p-id="4868"></path></svg> </span>
                        </template>
                        <template slot="footer">
                            <span>日销售额 ￥ 13244</span>
                        </template>
                    </Detail>
                </el-card> </el-col>
            <el-col :span="6"><el-card>
                    <Detail count="8888" title="访问量">

                        <template slot="charts">
                                <LineChart></LineChart>
                        </template>
                        <template slot="footer">
                            <span>日销售额  8862</span>
                        </template>

                    </Detail>
                </el-card> </el-col>
            <el-col :span="6"><el-card>
                    <Detail count="8888" title="支付笔数">
                        <template slot="charts">
                            <BarChart></BarChart>
                        </template>
                        <template slot="footer">
                            <span>转化率 77%</span>
                            
                        </template>
                    </Detail>
                </el-card> </el-col>
            <el-col :span="6"><el-card>
                    <Detail count="78%" title="运营活动效果">
                        <template slot="charts">
                            <ProgressCharts></ProgressCharts>
                        </template>
                        <template slot="footer">
                            <span>周同比&nbsp;&nbsp;12.67% <svg t="1706966419340" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3704" width="16" height="16"><path d="M382.457831 641.542169m-382.457831 0a382.457831 382.457831 0 1 0 764.915663 0 382.457831 382.457831 0 1 0-764.915663 0Z" fill="#d81e06" p-id="3705"></path><path d="M259.084337 740.240964v49.349397h296.096386V542.843373h246.746988V296.096386h222.072289v-49.349398H752.578313v246.746988H505.831325v246.746988H259.084337z" fill="#d81e06" p-id="3706"></path><path d="M431.807229 0h222.072289v222.072289l-86.361446-98.698795-296.096385 296.096386-37.012048-37.012049L530.506024 86.361446z" fill="#d81e06" p-id="3707"></path></svg>       </span>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <span>日同比&nbsp;&nbsp;11.96%&nbsp; <svg t="1706967212482" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4867" width="16" height="16"><path d="M886.4 736h-182.4c-19.2 0-32 12.8-32 32s12.8 32 32 32h224c35.2 0 64-28.8 64-64v-224c0-19.2-12.8-32-32-32s-32 12.8-32 32v172.8l-297.6-297.6c-6.4-6.4-16-9.6-22.4-9.6-9.6 0-16 3.2-22.4 9.6l-204.8 204.8-294.4-294.4c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l316.8 316.8c6.4 6.4 16 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l204.8-204.8 278.4 281.6z" fill="#1afa29" p-id="4868"></path></svg> </span>
                        </template>
                    </Detail>
                </el-card> </el-col>
        </el-row>
    </div>
</template>

<script>
import Detail from './Detail' 
import LineChart from './LineChart' 
import BarChart from './BarChart' 
import ProgressCharts from './ProgressCharts' 
export default {
    name: '',
    components: {
        Detail,
        LineChart,
        BarChart,
        ProgressCharts
    }
}
</script>

<style>
   
</style>